<%@ page language="java" contentType= "text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../include/header.jsp" %>
<!DOCTYPE html>
<html class="pixel-ratio-2 retina ios ios-9 ios-9-1 ios-gt-8 ios-gt-7 ios-gt-6 watch-active-state">
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, uc-fitscreen=yes, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<title>确认付款</title>
		<link href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
		<link href="${pageContext.request.contextPath}/js/jqueryMobile/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"/>
		<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
		<link href="${pageContext.request.contextPath}/css/f7/framework7.ios.min.css" rel="stylesheet" type="text/css" />
		<link href="${pageContext.request.contextPath}/css/f7/framework7.ios.colors.min.css" rel="stylesheet" type="text/css" />
		<style>
			.mf-blue{background:#3b98d4;}
		</style>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.3.js"></script> 
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-ui-1.9.2.custom.js" ></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jqueryMobile/jquery.mobile-1.4.5.min.js"></script>
		<script type='text/javascript' src='${pageContext.request.contextPath}/js/f7/framework7.js'></script>
		<script type='text/javascript' src='${pageContext.request.contextPath}/js/f7/framework7.min.js'></script>
		
		<script type="text/javascript">
			var myApp = new Framework7();
			wx.config({
			    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			    appId: '${appId}', // 必填，公众号的唯一标识
			    timestamp: '${timestamp}', // 必填，生成签名的时间戳
			    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
			    signature: '${signature}',// 必填，签名，见附录1
			    jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			});
			wx.ready(function(){
				
			});
			wx.error(function(res){
				console.dir(res);
			});
		    function payNow(){
		    	if (navigator.onLine) {
		    	var a=$("#payType").val().split("#");
		    	var payType=a[0];
		    	var sendUrl=a[1];
		    	if(payType=='1'){
		    		wx.chooseWXPay({
					    timestamp: '${timestamp}', // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
					    nonceStr: '${nonceStr}', // 支付签名随机串，不长于 32 位
					   package: 'prepay_id=${prepayId}', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
					    signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
					    paySign: '${paySign}', // 支付签名
					    success: function (res) {
					        if(res.errMsg == 'chooseWXPay:ok'){
					        	$("#formData").submit();
					        }
					    }
					});
					}else if(payType=='2'){
                 // window.location.href=sendUrl;
                        jsApiCall();
                   // $("#formData").submit();
					/*
					$.ajax({
						type : "post",
						url : "xYCodeUrlAction.action",
						data : {
							sendUrl : sendUrl
						},
						success : function(data) {
						if("SUCCESS"==data){
                          $("#formData").submit();
                          }
						}
					});*/
					//	$("#formData").attr("action","xYCodeUrlAction.action?xYCodeUrl="+sendUrl);
					//$("#formData").submit();
					}
		      } else {
		          myApp.alert("<div style='text-align:center;'>网络状况不佳，请稍后再试或使用其他支付方式</div>", "提示");
		      }
		    }
		    
		    function jsApiCall(){	
			WeixinJSBridge.invoke(
				'getBrandWCPayRequest',{
					"appId" : '${appId}', //公众号名称，由商户传入
					"timeStamp": '${timestamp}', //时间戳，自1970 年以来的秒数
					"nonceStr" : '${nonceStr}', //随机串
					"package" : '${prepayId}',
					"signType" : "MD5", //微信签名方式:
					"paySign" : '${paySign}'  //微信签名,
				},function(res){
					if(res.err_msg == "get_brand_wcpay_request:ok" ) {
						// 此处可以使用此方式判断前端返回,微信团队郑重提示：res.err_msg 将在用户支付成功后返回ok，但并不保证它绝对可靠，。
						$("#formData").submit();
					}
					/* for(var i in res){
						alert(res[i]);
					} */
				}
			);
		}

		</script>
	</head>
	<body>
		<s:set name="entity" value="#attr['customer'].list[0]" />
		<form data-role="none" id="formData" method="post" data-ajax="false" action="customerRegisterPaySuccess.action">
			<div data-role="page" id="payCheck" style="height:100%;">
				<div style="padding:15px;">您正在向 ${customer.fullName} 付款</div>
				<div class="card">
					<div class="card-content">
						<div class="card-content-inner">
							付款金额
							<div class="list-block">
							  <ul>
							    <!-- Text inputs -->
							    <li>
							      <div class="item-content">
							        <div class="item-inner" style="margin-top:20px;margin-left:5px;padding:5px;border: 0;">
							            <input data-role="none" type="text" readonly="readonly" value="¥${amt}" style="height:50px;line-height:48px;font-size:40px;">
							        </div>
							      </div>
							    </li>
							    <li>
							      <div class="item-content">
							            <input type="text" data-role="none" readonly="readonly" value="备注：${remark}"  maxlength="20" >
							      </div>
							    </li>
							  </ul>
						</div>
					</div>
				</div>
			</div>
<!-- 				<div class="wrapper"> -->
<!-- 					 <p class="margin-top15  grey2">您正在向 ${customer.fullName} 付款...</p> -->
<!-- 					 <div class="pub-bg margin-top15 pay-num">¥${amt}</div> -->
<!-- 					 <div class="note-bg font-size14 grey2">温馨提示: 店员正在收款...</div> -->
					 <div class="submit-btn">
				       <button data-role="none" type="button" class="btn mf-blue" onclick="payNow();">立即付款</button>
				 	</div>
<!-- 				</div> -->
			      <input type="hidden" id="cusid" name="id" value="${customer.id}">
			      <input type="hidden" id="amt" name="amt" value="${amt}">
			       <input type="hidden" id="payType" name="payType" value="${payType}">
			      <!--  <input type="text" id="sendUrl" name="sendUrl" value="${xYCodeUrl}">-->
			      <a id="sendUrl" href=""></a>
			</div>
		</form>
	</body>
</html>